<!DOCTYPE html>
<html>
  <head>
    <title>Home</title>
    <link href="css/index.css" rel="stylesheet" type="text/css" media="all" />
  </head>
  <body>
    <div class="wrap">
      <div class="head">
        <div class="head-left">
          <div class="headTitle">
            <img src="images/ruku.png" title="出库" class="title-logo" />
            <span class="title-logo-text">入库</span>
          </div>
          <div class="headTips">
            <ul>
              <li><span>工作台名称：</span><span>出库</span></li>
              <li><span>工作台编号：</span><span>123456</span></li>
              <li><span>完成任务数量：</span><span>12</span></li>
              <li><span>剩余任务数量： </span><span>20</span></li>
            </ul>
          </div>
        </div>
        <div class="btn-begin active">
          <a class="btn-begin-text" href="#">启动任务</a>
        </div>
      </div>

      <div class="card-content">
        <div class="input-list">
          <ul>
            <li>
              <span>待入库周转箱号：</span>
              <input type="text" placeholder="请输入" class="input" />
            </li>
            <li>
              <span>目标货拉号：</span>
              <input type="text" placeholder="请输入" class="input" />
            </li>
            <!-- <li>
              <span>挑选货拉号：</span>
              <input type="text" placeholder="请输入" class="input" />
            </li>
            <li>
              <span>下架货架号：</span>
              <input type="text" placeholder="请输入" class="input" />
            </li>
            <li>
              <span>可拣选数量：</span>
              <input type="text" placeholder="请输入" class="input" />
            </li>
            <li>
              <span>本次装箱数量：</span>
              <input type="text" placeholder="请输入" class="input" />
            </li> -->
          </ul>
        </div>
        <div class="card-jia">
          <span class="card-jia-title">对应货架位置图</span>
          <div class="card-type-wrap">
            <ul>
              <li><span>ZZ00412</span><span>ZZ00412</span></li>
              <li><span>ZZ00412</span><span>ZZ00412</span></li>
              <li>
                <span class="active">
                  ZZ00412
                  <img
                    src="images/add3.png"
                    title="出库"
                    class="title-logo-yes"/></span
                ><span>ZZ00412</span>
              </li>
              <li><span>ZM001</span></li>
            </ul>
          </div>
          <div class="card-type-wrap">
            <ul>
              <li>
                <span class="kong">ZZ00412</span
                ><span class="kong">ZZ00412</span>
              </li>
              <li><span class="kong">ZZ00412</span><span>ZZ00412</span></li>
              <li><span>ZZ00412</span><span class="kong">ZZ00412</span></li>
              <li><span>ZM001</span></li>
            </ul>
          </div>
        </div>
        <div class="carn-btn-wrap">
          <ul>
            <li>
              <a href="#"><span>查看上</span><span>一任务</span></a
              ><a href="#"><span>查看下</span><span>一任务</span></a>
            </li>
            <li class="active"><a href="#">执行</a></li>
          </ul>
        </div>
      </div>

      <div class="card-table">
        <table id="table-num">
          <tr>
            <th data-value="dh">拣选单号</th>
            <th data-value="bm">工程编码</th>
            <th data-value="bh">工程标号</th>
            <th data-value="wlmc">物料名称</th>
            <th data-value="wlbm">物料编码</th>
            <th data-value="sl">本次拣选数量</th>
            <th data-value="yxl">累计已拣选数量</th>
            <th data-value="yxl">状态</th>
          </tr>
          <!-- <tr>
            <td>ZZ12312323123</td>
            <td>工程编码一</td>
            <td>工程标号</td>
            <td>
              <span>JP柜子</span>
              <span>KMF</span>
              <span>三回</span>
              <span>无补偿</span>
            </td>
            <td>23123123</td>
            <td class="num">20</td>
            <td>21</td>
            <td><a href="#">已入库</a></td>
          </tr>
          <tr class="active">
            <td>ZZ12312323123</td>
            <td>工程编码一</td>
            <td>工程标号</td>
            <td>
              <span>JP柜子</span>
              <span>KMF</span>
              <span>三回</span>
              <span>无补偿</span>
            </td>
            <td>23123123</td>
            <td class="num">20</td>
            <td>21</td>
            <td><a href="#">已入库</a></td>
          </tr>
          <tr>
            <td>ZZ12312323123</td>
            <td>工程编码一</td>
            <td>工程标号</td>
            <td>
              <span>JP柜子</span>
              <span>KMF</span>
              <span>三回</span>
              <span>无补偿</span>
            </td>
            <td>23123123</td>
            <td class="num">20</td>
            <td>21</td>
            <td><a href="#">已入库</a></td>
          </tr> -->
        </table>

        <div class="page-wrap">
          <ul>
            <li><a href="#">上一页</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li class="active"><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">6</a></li>
            <li><a href="#">7</a></li>
            <li><a href="#">8</a></li>
            <li><a href="#">9</a></li>
            <li><a href="#">下一页</a></li>
          </ul>
        </div>
      </div>
    </div>
  </body>
  <script src="./js/jquery.min.js"></script>
  <script src="./js/lodash.core.js"></script>
  <script type="text/javascript" src="js/jquery.tablednd_0_5.js"></script>
  <script src="./js/index.js"></script>
  <!-- <script>
    $(function() {
      var height = $(document).height();
      console.log(height, "高度");
      $(".wrap").height(height);
      var trHTML =
        "<tr>" +
        "<td>ZZ12312323123</td>" +
        "<td>工程编码一</td>" +
        "<td>工程标号</td>" +
        "<td>" +
        "<span>JP柜子</span>" +
        " <span>KMF</span>" +
        " <span>三回</span>" +
        "<span>无补偿</span>" +
        " </td>" +
        "<td>23123123</td>" +
        ' <td class="num">20</td>' +
        "<td>21</td>" +
        '<td><a href="#">已入库</a></td>' +
        "</tr>";
      $("#table-num").append(trHTML);
    });
  </script> -->
</html>
